<template>
  <div id="app20190115">
    <div>
      <button
        v-for="(item,i) in tabs"
        :key="'tabs-button-'+i"
        :style="currentTab === i ? 'background-color: #a388ff' : ''"
        @click="currentTab = i">{{item}}</button>
    </div>
      <component
        v-for="(item,i) in tabs"
        :key="'tabs-component-'+i"
        v-show="currentTab === i"
        :is="item"></component>
      <!-- <captcha-page></captcha-Page> -->
  </div>
</template>

<script>
import captchaPage from './page/captchaPage'
// import getComponentsVal from './page/get-components-val'

export default {
  name: 'App',
  components: {
    captchaPage
    // getComponentsVal
  },
  data () {
    return {
      tabs: [
        'captchaPage'
        // 'getComponentsVal'
      ],
      currentTab: 0,
      msg: 'App'
    }
  }
}
</script>

<style>
#app20190115 {
  text-align: center;
  color: #2c3e50;
  border: 1px solid silver;
}
.tips {
  color: #666
}
</style>
